/*
 * @Author: TT-hzy
 * @Date: 2024-08-06 11:17:54
 * @LastEditors: TT-hzy
 * @LastEditTime: 2024-08-06 14:50:52
 */
// uno.config.ts

import {
    defineConfig,
    transformerVariantGroup,
    transformerDirectives,
    presetAttributify,
    presetMini,
    presetUno,
} from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'

const shortcuts = {
    'row-start': 'flex-row flex justify-start items-center',
    'row-end': 'flex-row flex justify-end items-center',
    'row-center': 'flex-row flex justify-center items-center',
    'row-between': 'flex-row flex justify-between items-center',
    'row-around': 'flex-row flex justify-around items-center',
    'row-evenly': 'flex-row flex justify-evenly items-center',
    'col-start': 'flex-col flex justify-start items-center',
    'col-end': 'flex-col flex justify-end items-center',
    'col-center': 'flex-col flex justify-center items-center',
    'col-between': 'flex-col flex justify-between items-center',
    'col-around': 'flex-col flex justify-around items-center',
    'col-evenly': 'flex-col flex justify-evenly items-center',
}

export default defineConfig({
    presets: [
        presetMini({ dark: 'class' }),
        presetAttributify(),
        presetUno(),
        presetRemToPx({
            baseFontSize: 4,
        }),
    ],
    transformers: [transformerDirectives(), transformerVariantGroup()],
    content: {
        pipeline: {
            include: [`${__dirname}/**/*`],
            exclude: [`${__dirname}/node_modules/**/*`],
        },
    },
    shortcuts,

    theme: {},
})
